<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<title>项目管理</title>
		<link href="/resources/src/css/main.css" rel="stylesheet">
   		<link href="/resources/src/css/responsive.css" rel="stylesheet">
		<link href="/resources/src/css/projects-detail.css" rel="stylesheet">
	</head>
	<body class="sticky-header">
		<jsp:include page="left-slide.jsp" />
		<div class="main-content">
			<jsp:include page="header-start.jsp" />
        	<div class="row scroll-range" style="margin-right:0; margin-left:0;">
               	<jsp:include page="project-manage-left.jsp" />
               	<div class="right-box  col-xs-12 col-sm-8 col-md-9  col-lg-10 text-center">
               		<!--头部（包含标题和logo等内容）-->
               		<div class="header bg-white clearfix">
               			<div class="pull-left"><img src="/resources/src/images/projectslogo.png" class="projects-logo" width="100" height="100"/></div>
               			<div class="pull-left title text-left">
               				<p class="elli">项目详情标题项目详情标题项目详情标题项目详情标题项目详情标题项目详情标题项目详情标题项目详情标题</p>
               				<p class="follow-people clearfix">
               					<span class="pull-left">跟进人：</span>
               					<span class="people-name clearfix pull-left">
               						<i>端彪</i><i>龙武</i>
               					</span>
               					<span class="add-people pull-left" data-toggle="modal" data-target="#add-people-modal"><i class="iconfont icon-tianjia"></i>&nbsp;添加</span>
               				</p>
               				<div><p class="btn-audit"><span>审核</span></p></div>
               			</div>
               			<div class="pull-left button text-center">
           					<p class="btn-audit"><i class="iconfont icon-shenhe" style="font-size:20px"></i><span>审核</span></p>
           					<p class="btn-priority"><i class="iconfont icon-you" style="font-size:20px"></i><span>点击调整优先级</span></p>
           				</div>
               		</div>
               		<!--项目导航-->
               		<div class="nav bg-white">
               			<ul class="clearfix">
               				<li><a href="#">项目资料</a></li>
               				<li><a href="#">投资笔记</a></li>
               				<li><a href="#">项目文档</a></li>
               				<li><a href="#">项目评分</a></li>
               				<li><a href="#">操作记录</a></li>
               			</ul>
               		</div>
               		<!--项目基本信息-->
               		<div class="base-message bg-white text-left">
               			<div class="hand">
               				<h1 class="handing">基本信息</h1>
               				<span class="edit" data-toggle="modal" data-target="#base-message-modal">编辑</span>
               			</div>
               			<div class="brief">项目简介：<span class="brief-text">项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介</span></div>
               			<p class="projects-file">
               				<span class="prospectus">商业计划书：<a href="#">砂疗法.pdf</a></span><span class="link">产品链接：<a href="#">https://www.vchello.com</a></span>
               			</p>
               			<p class="sort clearfix">
               				<span class="pull-left"><i class="iconfont icon-jine"></i>5000万人民币</span>
               				<span class="pull-left"><i class="iconfont icon-gupiao-copy" style="font-size:26px;"></i>100%</span>
               				<span class="pull-left"><i class="iconfont icon-xiangmu1" style="font-size:20px"></i>大数据</span>
               				<span class="pull-left"><i class="iconfont icon-diqu"></i>北京</span>
               				<span class="pull-left"><i class="iconfont icon-shuju"></i>A轮</span>
               			</p>
               			<p class="tag clearfix">
               				<span class="pull-left tit">亮点标签</span>
               				<span class="pull-left">金融信息化</span>
               				<span class="pull-left">互联网</span>
               				<span class="pull-left">大数据</span>
               			</p>
               		</div>
               		<!--项目重要历程-->
               		<div class="projects-course bg-white">
               			<div class="hand">
               				<h1 class="handing">项目重要历程</h1>
               				<span class="edit" data-toggle="modal" data-target="#project-course-modal">编辑</span>
               			</div>
               			<div class="message text-left">
               				<div class="message-item clearfix">
               					<p class="pull-left"><span class="icon-circle"></span><span class="time">2017年06月20日</span></p>
               					<p class="text pull-left">名册阿里卡特啊啊额我替澳国际奥，爱徒安稳觉儿童节奥破甲弓，熬额体。</p>
               				</div>
               				<div class="message-item clearfix">
               					<p class="pull-left"><span class="icon-circle"></span><span class="time">2017年06月20日</span></p>
               					<p class="text pull-left">名册阿里卡特啊啊额我替澳国际奥，爱徒安稳觉儿童节奥破甲弓，熬额体。</p>
               				</div>
               			</div>
               		</div>
               		<!--团队信息-->
               		<div class="team-information bg-white text-left">
               			<div class="hand">
               				<h1 class="handing">团队信息</h1>
               				<span class="edit" data-toggle="modal" data-target="#team-modal">编辑</span>
               			</div>
               			<div class="people-message">
               				<div class="people-info clearfix">
               					<span class="people-name">胡喊三</span><span class="info">创始人</span><span class="pull-right people-link">联系方式：<a class="phone">1314987498</a></span>
               				</div>
               				<p>微投网VChello创办于2014年，是中国领先的天使投资服务平台，围绕募、投、管、退四大方面，全方位的为投资人及创业者提供一个高效的投融资平台。成立以来获得中国青年天使会会长/创业工场麦刚、英诺天使基金李竹、老鹰基金刘小鹰、君紫资本秦君、易一天使、雷雨资本，风云资本等七家机构投资。总部设在广州，在深圳、北京、上海、杭州、重庆、佛山等地设有分部。</p>
               			</div>
               			<div class="people-message">
               				<div class="people-info clearfix">
               					<span class="people-name">胡喊三</span><span class="info">创始人</span><span class="pull-right people-link">联系方式：<a class="phone">1314987498</a></span>
               				</div>
               				<p>微投网VChello创办于2014年，是中国领先的天使投资服务平台，围绕募、投、管、退四大方面，全方位的为投资人及创业者提供一个高效的投融资平台。成立以来获得中国青年天使会会长/创业工场麦刚、英诺天使基金李竹、老鹰基金刘小鹰、君紫资本秦君、易一天使、雷雨资本，风云资本等七家机构投资。总部设在广州，在深圳、北京、上海、杭州、重庆、佛山等地设有分部。</p>
               			</div>
               		</div>
               	</div>
           </div>
       </div>
       
       <!--添加跟进人模态框-->
       <div class="modal fade" id="add-people-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		    <div class="modal-dialog">
		        <div class="modal-content">
		            <div class="modal-header text-center">
		                <h4 class="modal-title">添加跟进人</h4>
		            </div>
		            <div class="modal-body">
		            	<div class="item clearfix">
		            		<!--<span class="select-people pull-left">新跟进人</span>--><input type="text" class="pull-left" placeholder="搜索跟进人"><span class="add pull-right"><i class="iconfont icon-icon-xinjian"></i>添加</span>
		            	</div>	
		            </div>
		            <div class="modal-footer">
		            	<div class="selected clearfix">
		            		<span class="handing pull-left">已选择：</span>
	            			<span class="people pull-left"><i class="name">端彪</i><i class="iconfont icon-shanchu del"></i></span>
	            			<span class="people pull-left"><i class="name">龙武</i><i class="iconfont icon-shanchu del"></i></span>
		            	</div>
		                <button type="button" class="btn btn-default cancel" data-dismiss="modal">关闭</button>
		                <button type="button" class="btn save">保存</button>
		            </div>
		        </div>
		    </div>
		</div>
		
		<!--团队信息模态框-->
        <div class="modal fade" id="team-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		    <div class="modal-dialog">
		        <div class="modal-content">
		            <div class="modal-header text-center">
		                <h4 class="modal-title">团队信息</h4>
		            </div>
		            <div class="modal-body">
		            	<div class="team-item">
		            		<div class="item old">
		            			<div class="main-message">
		            				<span class="item-label name">姓名：</span><input type="text" value="胡喊三" /><span class="actor">头衔：</span><input type="text" value="创始人" /><span class="phone">手机：</span><input type="text" value="13115468568" />
		            			</div>
		            			<div class="project-bewrite clearfix">
		            				<span class="item-label pull-left">项目描述：</span>
		            				<textarea class="comment-text pull-left" maxlength="500">微投网VChello创办于2014年，是中国领先的天使投资服务平台，围绕募、投、管、退四大方面，全方位的为投资人及创业者提供一个高效的投融资平台。成立以来获得中国青年天使会会长/创业工场麦刚、英诺天使基金李竹、老鹰基金刘小鹰、君紫资本秦君、易一天使、雷雨资本，风云资本等七家机构投资。总部设在广州，在深圳、北京、上海、杭州、重庆、佛山等地设有分部。</textarea>
		            			</div>
		            			<div class="item-tips clearfix">
		            				<div class='error pull-left'></div>
		            				<div class="show-word pull-right">还可以输入<i>500</i>字</div>
		            			</div>
		            		</div>
		            	</div>
		            </div>
		            <div class="modal-footer">
		            	<div class="add-btn text-left"><i class="iconfont icon-icon-xinjian"></i><span>添加团队成员</span></div>
		                <button type="button" class="btn btn-default cancel" data-dismiss="modal">关闭</button>
		                <button type="button" class="btn save">保存</button>
		            </div>
		        </div>
		    </div>
		</div>
		
		<!--基本信息模态框-->
        <div class="modal fade" id="base-message-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		    <div class="modal-dialog">
		        <div class="modal-content">
		            <div class="modal-header text-center">
		                <h4 class="modal-title">基本信息</h4>
		            </div>
		            <div class="modal-body">
		            	<div class="team-item">
		            		<div class="item">
		            			<!--项目名称-->
		            			<div class="project-name">
		            				<span class="item-label">项目名称：</span><input type="text" placeholder="请输入项目名称">
		            			</div>
		            			<!--项目简介-->
		            			<div class="project-brief clearfix">
		            				<span class="item-label pull-left">项目简介：</span>
		            				<textarea class="comment-text pull-left" placeholder="请输入项目简介">项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介项目简介</textarea>
		            			</div>
		            			<div class="item-tips clearfix">
		            				<div class='error pull-left'></div>
		            				<div class="show-word pull-right">还可以输入<i>500</i>字</div>
		            			</div>
		            			<div class="clearfix">
		            				<!--项目领域选项-->
		            				<span class="item-label pull-left">项目领域：</span>
		            				<div class="select pull-left">
		            					<i class="iconfont icon-control-arr-copy-copy"></i>
										<input type="text" id="business" readonly="readonly" placeholder="请选择行业"/>
										<div class="options-box">
											<span class="options">互联网<i class="pull-right iconfont icon-gou"></i></span>
											<span class="options">金融<i class="pull-right iconfont icon-gou"></i></span>
										</div>
									</div>
									<!--地区选项-->
									<span class="item-label mar-left pull-left">所在地区：</span>
									<div class="select pull-left">
										<i class="iconfont icon-control-arr-copy-copy"></i>
										<input type="text" id="area" readonly="readonly" value="北京"/>
										<div class="options-box">
											<span class="options">北京<i class="pull-right iconfont icon-gou"></i></span>
											<span class="options">上海<i class="pull-right iconfont icon-gou"></i></span>
										</div>
									</div>
									<div class="select pull-left">
										<i class="iconfont icon-control-arr-copy-copy"></i>
										<input type="text" id="city" readonly="readonly" value="北京"/>
										<div class="options-box">
											<span class="options">北京<i class="pull-right iconfont icon-gou"></i></span>
											<span class="options">上海<i class="pull-right iconfont icon-gou"></i></span>
										</div>
									</div>
		            			</div>
		            			<div class="mar-top clearfix">
		            				<!--轮次选项-->
		            				<span class="item-label  pull-left">当前轮次：</span>
									<div class="select pull-left">
										<i class="iconfont icon-control-arr-copy-copy"></i>
										<input type="text" id="round" readonly="readonly" value="A轮"/>
										<div class="options-box">
											<span class="options">A轮<i class="pull-right iconfont icon-gou"></i></span>
											<span class="options">B轮<i class="pull-right iconfont icon-gou"></i></span>
										</div>
									</div>
									<!--融资金额选项-->
									<span class="item-label mar-left  pull-left">融资金额：</span>
									<div class="pull-left">
										<input type="text" id="city" value="5000万" style="width:130px;" />
									</div>
									<div class="select pull-left">
										<i class="iconfont icon-control-arr-copy-copy"></i>
										<input type="text" id="currency" readonly="readonly" value="人民币"/>
										<div class="options-box">
											<span class="options">人民币<i class="pull-right iconfont icon-gou"></i></span>
											<span class="options">美元<i class="pull-right iconfont icon-gou"></i></span>
										</div>
									</div>
		            			</div>
		            			<!--股权出让比例和产品链接-->
		            			<div class="mar-top clearfix">
		            				<span class="item-label pull-left">出让股权：</span>
		            				<div class="pull-left"><input class="equity" type="text" value="100%"></div>
									<span class="item-label mar-left pull-left">产品链接：</span>
									<div class="pull-left"><input class="link" type="text" value="https://www.vchello.com"></div>
		            			</div>
		            			<!--项目标签-->
		            			<div class="mar-top clearfix">
		            				<span class="item-label pull-left">项目标签：</span>
		            				<div class="tag-box pull-left">
		            					<span class="tag pull-left"><i class="text">金融信息化</i><i class="iconfont icon-shanchu del"></i></span>
		            					<span class="tag pull-left"><i class="text">互联网</i><i class="iconfont icon-shanchu del"></i></span>
		            					<span class="tag pull-left"><i class="text">大数据</i><i class="iconfont icon-shanchu del"></i></span>
		            				</div>
		            				<div class="pull-right">
		            					<input type="text" class="tag-text"><span class="add" style="margin-right:20px;"><i class="iconfont icon-icon-xinjian"></i>添加</span>
		            				</div>
		            			</div>
		            			<!--上传商业计划书-->
		            			<div class="mar-top clearfix">
		            				<span class="item-label pull-left" style="width:95px;">商业计划书：</span>
		            				<div class="upload pull-left text-center">
		            					<span class="upload-btn"><i class="iconfont icon-icon-xinjian"></i>上传</span>
		            					<input type="file" id="file"/>
		            				</div>
		            				<div class="pull-left pmgressbar-box">
		            					<div class="pmgressbar pull-left"><span></span></div>
										<div class="pmgressbar-cancel pull-left"><i class="iconfont icon-shanchu"></i></div>
		            				</div>
		            			</div>
		            		</div>
		            	</div>
		            </div>
		            <div class="modal-footer">
		                <button type="button" class="btn btn-default cancel" data-dismiss="modal">关闭</button>
		                <button type="button" class="btn save">保存</button>
		            </div>
		        </div>
		    </div>
		</div>
		<!--添加项目重要历程模态框-->
		<div class="modal fade" id="project-course-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		    <div class="modal-dialog">
		        <div class="modal-content">
		            <div class="modal-header text-center">
		                <h4 class="modal-title">项目重要历程</h4>
		            </div>
		            <div class="modal-body">
		            	<div class="team-item">
		            		<div class="item old">
		            			<div class="main-message">
		            				<span class="item-label name">时间：</span><input type="text" readonly="readonly" class="date-picker" value="2017年06月12日" />
		            			</div>
		            			<div class="project-bewrite clearfix">
		            				<span class="item-label pull-left">详情：</span>
		            				<textarea class="comment-text pull-left" maxlength="500">微投网VChello创办于2014年，是中国领先的天使投资服务平台，围绕募、投、管、退四大方面，全方位的为投资人及创业者提供一个高效的投融资平台。成立以来获得中国青年天使会会长/创业工场麦刚、英诺天使基金李竹、老鹰基金刘小鹰、君紫资本秦君、易一天使、雷雨资本，风云资本等七家机构投资。总部设在广州，在深圳、北京、上海、杭州、重庆、佛山等地设有分部。</textarea>
		            			</div>
		            			<div class="item-tips clearfix">
		            				<div class='error pull-left'></div>
		            				<div class="show-word pull-right">还可以输入<i>500</i>字</div>
		            			</div>
		            		</div>
		            	</div>
		            </div>
		            <div class="modal-footer">
		            	<div class="add-btn text-left"><i class="iconfont icon-icon-xinjian"></i><span>添加项目历程</span></div>
		                <button type="button" class="btn btn-default cancel" data-dismiss="modal">关闭</button>
		                <button type="button" class="btn save">保存</button>
		            </div>
		        </div>
		    </div>
		</div>
       
        <script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script>
	    <script src="https://cdn.bootcss.com/jquery.nicescroll/3.7.0/jquery.nicescroll.js"></script>
	    <script src="/resources/src/js/bootstrap.min.js"></script>
	    <script src="/resources/src/js/main.js"></script>
	    <script src="/resources/src/js/moment.min.js"></script>
	    <script src="/resources/src/js/daterangepicker.js"></script>
	    <script src="/resources/src/js/projects-detail.js"></script>
       
	</body>
</html>